<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!--设置视口属性，保证网页在不同设备上的响应式显示。width=device-width 使网页宽度跟随设备宽度，initial-scale=1.0 设置初始缩放比例为 1-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!--定义网页的关键词，搜索引擎可能用于索引和帮助用户找到页面。这里列出了多个关键词，与网页内容相关-->
    <meta name="keywords" content="For Fun,SpringBoot,Vue,博客,分享">
    <!--提供网页的描述，搜索引擎通常会显示在搜索结果中，为用户提供关于网页内容的简要信息-->
    <meta name="description" content="For Fun是一个多人博客平台，在这里你可以记录、分享自己的生活和工作">
    <!--指定网页的favicon（网页图标），显示在浏览器的标签页或书签中。href 指向 favicon 文件的相对路径，type 指定图标文件的类型-->
    <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
    <!--定义网页的标题，显示在浏览器标签页上，也会在搜索结果中显示。标题对于 SEO（搜索引擎优化）非常重要-->
    <title>ForFun Find Yourself</title>
  </head>
  <body>
  <!--这是一个带有 ID 的 <div> 标签，通常用作 Vue.js 或其他前端框架的挂载点。内容将在 JavaScript 加载后被动态填充-->
    <div id="app"></div>
  <!--这是一个注释，表明接下来的内容将由构建工具（如 Webpack、Vue CLI 等）自动注入。这通常用于在构建过程中将生成的 JavaScript 和 CSS 文件插入到 HTML 文档中-->
    <!-- built files will be auto injected -->
  </body>
</html>
